<!DOCTYPE HTML>
<html>
    <head lang="zh-CN">
        <meta charset="UTF-8">
        <title>享点阅读(小说排行)</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 设置初始缩放比例为1.0，使用设备宽度  -->
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <!-- 在iOS下开启全屏模式  -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <!-- 隐藏 Sarafi 状态栏  -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="/public/img/images/icon/xd.ico" rel="shortcut icon" />
        <link href="/public/css/comment/wapReset.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="/public/css/comment/header_top.css">
        <link rel="stylesheet" type="text/css" href="/public/css/rankBook.css">
        <script src="/public/js/rem/rem.js"></script>
    </head>
    <body scroll="no">
        <header>
            <div class="down_app return_back">
                <img src="/public/img/images/tabbar-back.png">
            </div>
            <div class="logo">
                排行榜
            </div>
            <div class="search">
                <img src="/public/img/images/tabbar-search.png" alt="搜索"  class="search_hot" />
                <img src="/public/img/images/tabbar-分类.png" alt="分类" class="classifty_btn" check="false"/>
            </div>
        </header>
        <div class="classifty">
            <ul class="classifty_nav">
                <li>
                    <img src="/public/img/images/newBookicon.png">
                    <p>新书</p>
                </li>
                <li>
                    <img src="/public/img/images/winicon.png">
                    <p>排行</p>
                </li>
                <li>
                    <img src="/public/img/images/classicon.png">
                    <p>分类</p>
                </li>
                <li>
                    <img src="/public/img/images/besticon.png">
                    <p>免费</p>
                </li>
            </ul>
        </div>
    <content>
        <ul>
            <li>
                <img src="/public/img/images/ph1.jpg">
                <div>
                    <?php $i = 1;?>
                    <?php foreach($data['hotSell']['list'] as $h):?>
                        <a href="#"><?php echo $i;?>、<i><?php echo $h['novel_title'];?></i></a>
                    <?php $i++;?>
                    <?php endforeach;?>
                </div>
                <span>
                    <img src="/public/img/images/btn-turnRight.png">
                </span>
            </li>
            <li>
                <img src="/public/img/images/ph3.jpg">
                <div>   
                    <?php $i = 1;?>
                    <?php foreach($data['newBook']['list'] as $n):?>
                        <a href="#"><?php echo $i;?>、<i><?php echo $n['novel_title'];?></i></a>
                    <?php $i++;?>
                    <?php endforeach;?>
                </div>
                <span>
                    <img src="/public/img/images/btn-turnRight.png">
                </span>
            </li>
            <li>
                <img src="/public/img/images/ph2.jpg">
                <div>   
                    <?php $i = 1;?>
                    <?php foreach($data['click']['list'] as $c):?>
                        <a href="#"><?php echo $i;?>、<i><?php echo $c['novel_title'];?></i></a>
                    <?php $i++;?>
                    <?php endforeach;?>
                </div>
                <span>
                    <img src="/public/img/images/btn-turnRight.png">
                </span>
            </li>
            <li>
                <img src="/public/img/images/ph4.jpg">
                <div>   
                    <?php $i = 1;?>
                    <?php foreach($data['lianzai']['list'] as $l):?>
                        <a href="#"><?php echo $i;?>、<i><?php echo $l['novel_title'];?></i></a>
                    <?php $i++;?>
                    <?php endforeach;?>
                </div>
                <span>
                    <img src="/public/img/images/btn-turnRight.png">
                </span>
            </li>
            <li>
                <img src="/public/img/images/ph5.jpg">
                <div>   
                    <?php $i = 1;?>
                    <?php foreach($data['wanjie']['list'] as $w):?>
                        <a href="#"><?php echo $i;?>、<i><?php echo $w['novel_title'];?></i></a>
                    <?php $i++;?>
                    <?php endforeach;?>
                </div>
                <span>
                    <img src="/public/img/images/btn-turnRight.png">
                </span>
            </li>
        </ul>
    </content>
</body>
<script type="text/javascript" src="/public/js/jquery1.7.2.js"></script>
<script type="text/javascript" src="/public/js/comment.js"></script>
<script type="text/javascript" src="/public/js/rankBook.js"></script>
</html>